﻿@{
    ViewBag.Title = "Home";
    Layout = "~/Areas/IM/Views/Shared/_Layout.cshtml";
}
<style>
    body {
        font-family: Arial, Helvetica, sans-serif,"宋体";
        margin: 0px;
        padding: 0px;
    }

    #time {
        border-top: #e9f2f9 10px solid;
        border-bottom: #e9f2f9 10px solid;
        padding: 10px 20px;
        over-flow: hidden;
        position: relative;
    }

    .time_1, .time_2, .time_3, .time_4, .time_5, .time_6 {
        display: inline;
        float: left;
        width: 28px;
        height: 38px;
        margin: 0 0 0 6px;
        background: url(../Images/Home/00.gif);
    }

    .dian {
        width: 10px;
        height: 38px;
        margin: 0 0 0 6px;
        background: url(../Images/Home/dian.gif);
        float: left;
    }

    #dian {
        background: url(../Images/Home/dian_bg.gif);
    }

    .s1 {
        width: 11px;
        height: 14px;
        float: left;
        margin: 24px 0 0 20px;
        background: url(../Images/Home/s00.gif);
    }

    .date {
        float: left;
        margin: 0 0 0 20px;
        height: 38px;
        width: 38px;
        background: url(../Images/Home/date_bg.gif) no-repeat;
    }

    .date_left {
        display: inline;
        float: left;
        width: 16px;
        height: 32px;
        margin: 5px 0 0 3px;
    }

    .date_right {
        float: left;
        width: 16px;
        height: 32px;
        margin: 5px 0 0 0;
    }

    .right {
        float: left;
        margin: 2px 0 0 10px;
        font-size: 12px;
        height: 38px;
    }

    .r_1, .r_2, .r_3, .r_4, .r_5, .r_6 {
        display: inline;
        float: left;
        width: 9px;
        height: 12px;
        margin: 0 0 0 2px;
    }

    .heng {
        width: 8px;
        height: 12px;
        background: url(../Images/Home/heng.gif) no-repeat;
        float: left;
        margin: 0 0 0 2px;
    }

    .eng {
        float: left;
        margin: 0 0 0 10px;
        color: #0d6217;
        font-size: 12px;
        line-height: 12px;
    }

    .zhou {
        dispaly: inline;
        float: left;
        margin: 5px 0 0 5px;
    }

    .clear {
        clear: both;
    }
</style>
@section Scripts{
    <script type="text/javascript">
        $(document).ready(function () {
            setInterval(repeat, 1);
        })
        $(function () {
            $('#myId3').jalendar();
        });
        var repeat = function () {
            var m = new Date();
            var m1 = m.getFullYear();
            m1 = m1 + "";

            var m2 = m.getMonth();
            if (m2 < 9) m2 = "0" + (m2 + 1);
            else m2 = (m2 + 1).toString();

            var m3 = m.getDate();
            if (m3 < 10) m3 = "0" + m3;
            else m3 = "" + m3;

            var m4 = m.getDay();

            var m5 = m.getHours();
            if (m5 < 10) m5 = "0" + m5;
            else m5 = "" + m5;

            var m6 = m.getMinutes();
            if (m6 < 10) m6 = "0" + m6;
            else m6 = "" + m6;

            var m7 = m.getSeconds();
            if (m7 < 10) m7 = "0" + m7;
            else m7 = "" + m7;

            var m8 = m.getMilliseconds()
            if (m8 >= 0 && m8 <= 9) m8 = "00" + m8;
            else if (m8 >= 10 && m8 <= 99) m8 = "0" + m8;
            else m8 = "" + m8;

            var m5_1 = m5.substring(0, 1);
            $(".time_1").html("");
            $("<img/>").appendTo(".time_1").attr("src", '@Url.Content("~/Images/Home/")' + m5_1 + ".gif");

            var m5_2 = m5.substring(1, 2);
            $(".time_2").html("");
            $("<img/>").appendTo(".time_2").attr("src", '@Url.Content("~/Images/Home/" )' + m5_2 + ".gif");

            var m6_1 = m6.substring(0, 1);
            $(".time_3").html("");
            $("<img/>").appendTo(".time_3").attr("src", '@Url.Content("~/Images/Home/")' + m6_1 + ".gif");

            var m6_2 = m6.substring(1, 2);
            $(".time_4").html("");
            $("<img/>").appendTo(".time_4").attr("src", '@Url.Content("~/Images/Home/")' + m6_2 + ".gif");

            if (m8 <= 500)
                $("#dian").css("background", "url(../Images/Home/dian.gif)");
            else $("#dian").css("background", "url(../Images/Home/dian_bg.gif");

            var m7_1 = m7.substring(0, 1);
            $(".time_5").html("");
            $("<img/>").appendTo(".time_5").attr("src", '@Url.Content("~/Images/Home/")' + m7_1 + ".gif");

            var m7_2 = m7.substring(1, 2);
            $(".time_6").html("");
            $("<img/>").appendTo(".time_6").attr("src", '@Url.Content("~/Images/Home/" )' + m7_2 + ".gif");

            @*var m8_1 = m8.substring(0, 1);
            $(".s1").html("");
            $("<img/>").appendTo(".s1").attr("src", '@Url.Content("~/Images/Home/s" )'+ m8_1 + ".gif");*@

            var m3_1 = m3.substring(0, 1);
            $(".date_left").html("");
            $("<img/>").appendTo(".date_left").attr("src", '@Url.Content("~/Images/Home/date_")' + m3_1 + ".gif");

            var m3_2 = m3.substring(1, 2);
            $(".date_right").html("");
            $("<img/>").appendTo(".date_right").attr("src", '@Url.Content("~/Images/Home/date_" )' + m3_2 + ".gif");

            var m1_1 = m1.substring(0, 1);
            $(".r_1").html("");
            $("<img/>").appendTo(".r_1").attr("src", '@Url.Content("~/Images/Home/year")' + m1_1 + ".gif");

            var m1_2 = m1.substring(1, 2);
            $(".r_2").html("");
            $("<img/>").appendTo(".r_2").attr("src", '@Url.Content( "~/Images/Home/year" )' + m1_2 + ".gif");

            var m1_3 = m1.substring(2, 3);
            $(".r_3").html("");
            $("<img/>").appendTo(".r_3").attr("src", '@Url.Content("~/Images/Home/year")' + m1_3 + ".gif");

            var m1_4 = m1.substring(3, 4);
            $(".r_4").html("");
            $("<img/>").appendTo(".r_4").attr("src", '@Url.Content("~/Images/Home/year")' + m1_4 + ".gif");


            var m2_1 = m2.substring(0, 1);
            $(".r_5").html("");
            $("<img/>").appendTo(".r_5").attr("src", '@Url.Content("~/Images/Home/year")' + m2_1 + ".gif");

            var m2_2 = m2.substring(1, 2);
            $(".r_6").html("");
            $("<img/>").appendTo(".r_6").attr("src", '@Url.Content("~/Images/Home/year")' + m2_2 + ".gif");

            m2 = parseInt(m2);
            switch (m2) {
                case 1: $(".eng").html("Jan"); break;
                case 2: $(".eng").html("Feb"); break;
                case 3: $(".eng").html("Mar"); break;
                case 4: $(".eng").html("Apr"); break;
                case 5: $(".eng").html("May"); break;
                case 6: $(".eng").html("Jun"); break;
                case 7: $(".eng").html("Jul"); break;
                case 8: $(".eng").html("Aug"); break;
                case 9: $(".eng").html("Sep"); break;
                case 10: $(".eng").html("Oct"); break;
                case 11: $(".eng").html("Nov"); break;
                case 12: $(".eng").html("Dec"); break;
            }

            switch (m4) {
                case 1: $(".zhou span:eq(1)").html("一"); $(".zhou span:last").html("MON").css("color", "#0d6217"); break;
                case 2: $(".zhou span:eq(1)").html("二"); $(".zhou span:last").html("TUS").css("color", "#0d6217"); break;
                case 3: $(".zhou span:eq(1)").html("三"); $(".zhou span:last").html("WEN").css("color", "#0d6217"); break;
                case 4: $(".zhou span:eq(1)").html("四"); $(".zhou span:last").html("THUR").css("color", "#0d6217"); break;
                case 5: $(".zhou span:eq(1)").html("五"); $(".zhou span:last").html("FIR").css("color", "#0d6217"); break;
                case 6: $(".zhou span:eq(1)").html("六"); $(".zhou span:last").html("SAT").css("color", "#0d6217"); break;
                case 7: $(".zhou span:eq(1)").html("日"); $(".zhou span:last").html("SUN").css("color", "#0d6217"); break;
            }
        }
    </script>
}

<div id="time">
    <div class="time_1"></div>
    <div class="time_2"></div>
    <div class="dian"></div>
    <div class="time_3"></div>
    <div class="time_4"></div>
    <div class="dian" id="dian"></div>
    <div class="time_5"></div>
    <div class="time_6"></div>
    @*<div class="s1"></div>*@
    <div class="date">
        <div class="date_left"></div>
        <div class="date_right"></div>
    </div>
    <div class="right">
        <div class="r_1"></div>
        <div class="r_2"></div>
        <div class="r_3"></div>
        <div class="r_4"></div>
        <div class="heng"></div>
        <div class="r_5"></div>
        <div class="r_6"></div>
        <div class="eng"></div>
        <div class="clear"></div>
        <div class="zhou"><span>星期</span><span></span>&nbsp;&nbsp;&nbsp;&nbsp;<span></span></div>
    </div>
    <div class="clear"></div>
    <div style="position: absolute; right: 170px; bottom: 20px; width: 370px; height: 50px;">
        <br />
        <span style="font-size:large;">当前登录人：</span><span style="font-size:large;color:red"> @ViewBag.lname</span><br />
        <span style="font-size:large;">登录时间：</span><span style="font-size:large;color:red"> @ViewBag.ltime</span><br />
    </div>
    <div style="position: absolute; right: 0px; bottom: 3px; width: 170px; height: 15px;">
        <span>安克办公系统 V 7.0.1.1</span>
    </div>
</div>
<link href="~/Content/Home/style/documentation.css" rel="stylesheet" type="text/css" />
<link href="~/Content/Home/style/jalendar.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="~/Content/Home/js/jalendar.js"></script>
<table align="center" style="width:99%">
    <tr>
        <td>
            <div class="easyui-panel" id="eptitle" data-options="title:'@ViewBag.selfName',iconCls:'icon-custom-homeNote'" style="width:99%; height: 400px;">
                <iframe src='~/BB/TJRedirectLink/LinkPersonalSimple' style='width:99.5%;height:99%;border:0px solid #000;'></iframe>
            </div>
        </td>
    </tr>
</table>



